<template>
  <div>
    <van-tabbar>
      <van-tabbar-item>
        <img src="https://cdn3.axureshop.com/demo/1525603/images/%E9%A6%96%E9%A1%B5/u1153.png"
             class="img"
             @click="zhu" />
      </van-tabbar-item>
      <van-tabbar-item icon="warning-o"
                       @click="wei">未完成订单</van-tabbar-item>
      <van-tabbar-item icon="clock-o"
                       @click="li">历史订单</van-tabbar-item>
      <van-tabbar-item icon="contact"
                       @click="wo">我的</van-tabbar-item>
    </van-tabbar>
  </div>
</template>
<script>
export default {
  name: 'HomeBottom',
  data () {
    return {
      active: 0,
    };
  },
  methods: {
    wei () {
      this.$router.push('/undoneOrders')
    },
    li () {
      this.$router.push('/historyOrders')
    },
    wo () {
      this.$router.push('/meView')
    },
    zhu () {
      this.$router.push('/homepage')
    }
  }
};
</script>
<style scoped lang="scss">
.img {
  width: 35px;
  height: 35px;
  border-radius: 50%;
}
</style>
